<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img/ico.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/all.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/box-left.css">
    <link rel="stylesheet" href="./css/box-right.css">
    <link rel="stylesheet" href="./css/fixed.css">
    <link rel="stylesheet" href="./css/project.css">
    <title>李愧愧的个人主页</title>
</head>

<body>
    <div class="box">
        <div class="box-left">
            <div class="photo">
                <img src="./img/photo.jpg" alt="">
            </div>
            <h1>KuikuiLi-</h1>
            <h4>want to be a Web engineer</h4>
            <p>
                <i>
                    <img src="./img/aui-icon-qq.png" alt="">
                </i>
                <i>
                    <img src="./img/微信_wps图片.png" alt="">
                </i>
                <i>
                    <img src="./img/微博_wps图片.png" alt="">
                </i>
            </p>
            <div class="bottom">
                beautiful
            </div>
            <div class="copyrights">
                &copy;all rights reserved
            </div>
        </div>
        <!-- 右边 -->
        <div class="box-right out">
            <!-- 项目 -->
            <div class="project" id="pro">
                <h2>Project</h2>
                <div class="pro-left">
                    <a href="./唯品会/index.html" target="_black">
                        <img src="./img/唯品会.jpg" alt="">
                    </a>
                    <p>唯品会</p>
                </div>
                <div class="pro-left">
                    <a href="./企汇网/企汇网.html" target="_black">
                        <img src="./企汇网/img/title.jpg" alt="">
                    </a>
                    <p>企汇网</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 固定 -->
    <div class="fixed">
        <div class="fixed-top">
            <ul>
                <li>
                    <a href="./index.html">
                        <i></i>
                    </a>
                    <a href="">个人</a>
                </li>
                <li>
                    <a href="./personage.html"><i></i></a>
                    <a href="">作业</a>
                </li>
                <li id="fix3">
                    <a href="#pro"><i></i></a>
                    <a href="">项目</a>
                </li>
                <li>
                    <!-- <a href=""><i></i></a> -->
                    <!-- <a href=""></a> -->
                </li>
                <li>
                    <!-- <a href=""><i></i></a> -->
                    <!-- <a href=""></a> -->
                </li>
                <li>
                    <!-- <a href=""><i></i></a> -->
                    <!-- <a href=""></a> -->
                </li>
            </ul>
        </div>
        <div class="fixed-bottom">
            <ul>
                <li><i></i><a href=""></a></li>
                <p>karry</p>
            </ul>
        </div>
    </div>
</body>

</html>